<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button onclick="alert(this)">点击</button>
    <div onclick="alert(this)">点我试试</div>
    <script>

        /* 
            全局作用域 this 指向 window 

            普通函数 赋值式函数  this 指向window 
            对象的函数 this 指向对象本身 
            定时器 this指向 window 
            事件处理函数 this指向事件源  
        
        
        
        */
        // this在全局作用域 和局部作用域分别代表谁?
        // 全局作用域  

        // 局部作用域
        // 普通函数 
        // function test(){

        // }

        // var fn1 = function(){

        // }
        
        // // 对象内的函数
        // var obj = {
        //     name:'张三',
        //     sing:function(){
                
        //     }
        // }

        // // 定时器

        // setTimeout(function(){

        // },1000);


        // // 事件处理函数 
        // window.onclick = function(){

        // }


        // 全局作用域  this就是window

        // alert(this);
        // alert(window);
        // alert(this===window);

        // 普通函数  this也是window
        // function test(){
        //     alert(this);
        // }
        // test();

        //  var fn1 = function(){
        //     alert(this);
        // }

        // fn1();


        // // 对象内的函数 this代表对象本身
        // var obj = {
        //     name:'张三',
        //     sing:function(){
        //         alert(this);
        //     }
        // }

        // obj.sing();


         // // 定时器 this代表 window

        // setTimeout(function(){
        //     alert(this);
        // },1000);


         // // 事件处理函数 this代表事件源
        // window.onclick = function(){
        //     alert(this);
        // }


        var obj = {
            name:'张三',
            sing:function(){
                alert(this.name+'正在唱爱你一万年')
            }

        }
        obj.sing()
    </script>
</body>
</html>